<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src = "WEB-INF/js/jquery-1.5.js"></script>
<script type="text/javascript">
$(function(){
	//$()的用法
	//1.这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。
	//找到所有 p 元素，并且这些元素都必须是 div 元素的子元素。
	//alert($("div > p").html());
	//在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
	//alert($("input:radio",document.forms[0]).length);
	//2.根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。
	//$("<div><p>Hello World<p></div>").appendTo("body");
	//3.根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。	
	$("<input>",{
		type:"button",
		value:"submit",
		click:function(){
			alert("submit");
		}
	}).appendTo("body");
	//4.将一个或多个DOM元素转化为jQuery对象。
	$("body").css("background","lightblue");
	//5.返回一个空的jQuery对象。$()==$(document)
	//6.$(document).ready()的简写。
	$(function(){
		alert("onload");
	});
});

</script>
</head>
<body>
	<p>one</p>
	<div>
		<p>two</p>
	</div> 
	<p>three</p>
	
	<form>
	<input type = "radio" />
	</form>
	
</body>
</html>